<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<link href="css/heder.css" rel="stylesheet" >
	<link href="css/flex.css" rel="stylesheet" > 
	<link href="css/classify.css" rel="stylesheet" >
	<body>
		<div class="header">
			
			<div class="h">
				
				<a class="logo"></a>
				
			    <div class="header-right">
					<a class="logo-btn">登录</a>
					<a href="registered.html" class="register-btn">注册</a>
					
			
					
						<div class="user-wrapper">
						<h1>KAI</h1>
						<div class="user-info">
							<ul>
								<li><a href="user.html">个人信息</a></li>
								<li><a href="address.html">收货地址</a></li>
								<li><a href="myproduct.html">我的订单</a></li>
							</ul>
							<div class="outlogin">退出</div>
						</div>
					</div>
					
					<span class="line">|</span>
					
					<div class="cart-wrapper">
						<h1>购物车</h1>
						<div class="cart-info">
							<ul>
								<li>
									<a> <img src="img/goods.jpg"> </a>
									<div>
										<p>商品名字</p>
										<p>颜色</p>
										<p><span>数量</span>
										<span>价格</span></p>
									</div>
								</li>
								<li>
									<a> <img src="img/goods.jpg"> </a>
									<div>
										<p>商品名字</p>
										<p>颜色</p>
										<p><span>数量</span>
										<span>价格</span></p>
									</div>
								</li>
								
							</ul>
							<div class="look">查看商品</div>
						</div>
					</div>
					
					<span class="line">|</span>
					
					<div class="message-wrapper">
						<h1>消息</h1>
						<div class="message-list">
							<ul>
								<li><a>动态</a></li>
								<li><a>评论</a></li>
								<li><a>私信</a></li>
								<li><a>粉丝</a></li>
								<li><a>喜欢</a></li>
								
								<li><a>通知</a></li>
							</ul>
							
						</div>
					</div>
					
					<span class="line">|</span>
					
					<div class="add-wrapper">
						<h1>添加良品</h1>
					</div>
					<div class="agreementr">
						资质证件/协议规则
					</div>
			    </div>
			</div>
		</div>
		
		
		
		<nav >
			<ul class="flex-row">
				<li><a href="mian.html">首页</a></li>
				<li>
					<h1>商店</h1>
					<div class="nav-goods-list">
						<div class="nav-goods-list-l flex-col-between">
							<ul class="flex-row">
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
							</ul>
						    <div class=><a>查看所有品牌</a>><a>最新到货</a></div>
						</div>
						<div class="nav-goods-list-r ">
							<img src="img/shop_subnav_r.jpg">
							<p>新视线：  2015年7月刊</p>
						</div>
					</div>
					</li>
				<li>
					<h1>杂志</h1>
					<div class="nav-magazine-list">
						<ul class="flex-row">
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							
						</ul>
					</div>
					
					</li>
				<li>
					<h1>分享</h1>
					<div class="nav-magazine-list">
						<ul class="flex-row">
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							
						</ul>
					</div>
					</li>
				<li><a>达人</a></li>
				<li><a>有偿咨询</a></li>
			</ul>
			<div class="search flex-row">
				<input type="text" >
				<span></span>
			</div>
		</nav>
		
		<div class = "mian">
			<div class = "position flex-row">
				<a>良仓</a>>
				<a>商品</a>>
				<span class="pagein">文具</span>
			</div>
			
			<div class="osm-bar flex-row-between">
				<div class="osm-l">
					<ul class=" flex-row">
						<li>
							<a>新品</a>
						</li>
						<li>家居</li>
						<li>文具</li>
						<li>数码</li>
						<li>玩乐</li>
						<li>餐厨</li>
						<li>美食</li>
						<li>服装</li>
						<li>鞋包</li>
						<li>配饰</li>
						<li>美护</li>
						<li>出行</li>
						<li>图书</li>
						<li>艺术</li>
						<li>水具</li>
						<li>运动</li>
						<li>品牌</li>
					</ul>
				</div>
				<div class= "osm-r flex-row" >
					价格筛选
					<span></span>
				</div>
			</div>
			
		</div>
		

		<div class="product">
			<ul class="flex-row-between">
			<!-- 	<li>
					<div class="product-page">
						<img src="https://imgs-qn.iliangcang.com/ware/goods/big/2/232/232653.jpg">
						<div class="maker">
							<a>
								<p>999￥</p>
								<p>商品描述商品描述商品描述商品描述商品描述</p>
								<p>aaaa</p>
							</a>
						</div>
					</div>
					<div class="product-info flex-row-col-center">
						<a class="flex-row align-center">
							<img src="http://imgs-qn.iliangcang.com/ware/brand/257.jpg">
							<span>品牌名</span>
						</a>
						<div>
							<span>0</span>
							<span>♥</span>
						</div>
					</div>
				</li>
			 -->
			</ul>
		</div>
		<div class="yeima">
			
			<div class = "y flex-row">
			    <input class="" type = "button" value="">&nbsp;&nbsp;
				<a class="checked">1</a>
				<a>2</a>
				<a>3</a>
				<a>4</a>
				<a>5</a>
				<a>6</a>
				<a>7</a>
				<input class="" type = "button" value="">&nbsp;&nbsp;|
				&nbsp;&nbsp;
				跳转到&nbsp;
				<input type = "text" value="1" class="querText">&nbsp;页
				<input type = "button" value="" class="querBnt">
			</div>
			
			
		</div>
	
	
	   <hr>
	   <div class="LoginAlert">
	   	
	   </div>
	   <div class="plogin">
	   	<div class="flex-row-between">
	   		登录良仓
	   		<span class="cha"></span>
	   	</div>
	   	
	   	<div class="plogin-b flex-row-between">
	   		<div class="plogin-b-l">
	   			<input type="text" class="inputname" placeholder="请输入用户名">
	   			<input type="password" class="inputpassword" placeholder="请输入密码"/>
	   			
	   			<div class="flex-row-between align-center">
	   				<div class="loginBnt">登录良仓</div>
	   				
	   				<div><a href="registered.html">注册良仓</a></div>
	   			</div>
	   		</div>
	   		<div class="plogin-b-r">
	   			<div>
	   				<p>第三方登录：</p>
	   				
	   				<div class="icon flex-row-between">
	   					<span><img src="img/QQ.png"/></span>
	   					<span><img src="img/微信.png"/></span>
	   					<span><img src="img/新浪微博.png"/></span>
	   					<span><img src="img/苹果.png"/></span>
	   				</div>
	   				
	   			</div>
	   		</div>
	   	</div>
	   </div>
	   <div class="end">
	   	<div class="shouz flex-row">
	   		<span></span>
	   		<a>良品商店</a>/
	   		<a>OUR SHOP</a>
	   	</div>
	   	
	   	<div>
	   		<ul class="flex-row-between" >
	   			<li class="flex-row align-center">
	   				<div></div>
	   				<div>
	   					<p>全球精品</p>
	   					<p>Global Selections</p>
	   				</div>
	   			</li>
	   			<li class="flex-row align-center">
	   				<div></div>
	   				<div>
	   					<p>全球精品</p>
	   					<p>Global Selections</p>
	   				</div>
	   			</li>
	   			<li class="flex-row align-center">
	   				<div></div>
	   				<div>
	   					<p>全球精品</p>
	   					<p>Global Selections</p>
	   				</div>
	   			</li>
	   			<li class="flex-row align-center">
	   				<div></div>
	   				<div>
	   					<p>全球精品</p>
	   					<p>Global Selections</p>
	   				</div>
	   			</li>
	   		</ul>
	   	</div>
	   </div>
	   
	   <footer>
	   	<div class="footer-info flex-col-around">
	   		<div class="flex-row-between flex-row-col-center">
	   			<div class="footer-info-l flex-row">
	   				<div></div>
	   				<div>
	   					<p>iPhone Android</p>
	   					<p>客户端下载</p>
	   				</div>
	   			</div>
	   			
	   			<div class="footer-info-r flex-row-between">
	   				<span></span>
	   				<span></span>
	   				<span></span>
	   			</div>
	   		</div>
	   		
	   		
	   		<ul>
	   			<li>关于良仓|关于良仓|关于良仓|关于良仓|关于良仓|</li>
	   			<li>  公司名称：北京良仓文化传播有限公司  客服邮箱：kefu@iliangcang.com</li>
	   			<li>  公司名称：北京良仓文化传播有限公司  客服邮箱：kefu@iliangcang.com</li>
	   			<li>  公司名称：北京良仓文化传播有限公司  客服邮箱：kefu@iliangcang.com</li>
	   			<li>  公司名称：北京良仓文化传播有限公司  客服邮箱：kefu@iliangcang.com</li>
	   			<li>  公司名称：北京良仓文化传播有限公司  客服邮箱：kefu@iliangcang.com</li>
	   		</ul>
	   		
	   	</div>
	   </footer>
	</body>
</html>
<script src="js/ajax.js"></script>
<script src="js/nav.js"></script>
<script src="js/classify.js"></script>